import ByRadio from "@/components/ui/ByRadio";
import { Text, View } from "@tarojs/components";
import TaskCard from "./components/TaskCard";
import ByPopupBottom from "@/components/ui/ByPopupBottom";
import Card from "@/components/common/Card";
import ByButton from "@/components/ui/ByButton";

export default () => {
  return (
    <>
      <View className="p-4">
        <View className="flex justify-between mb-2">
          <Text className="font-bold">3位</Text>
          <View>
            <ByRadio checkedColor="var(--color-primary)">
              <Text className="text-second">只看我的</Text>
            </ByRadio>
          </View>
        </View>

        <TaskCard />
        <TaskCard />
        <TaskCard />
      </View>

      <ByPopupBottom title="巡检类型">
        <View className="px-4 pt-2 pb-10">
          <Card className="flex justify-between items-center">
            <Text>日常巡检</Text>
            <ByButton size="small" round>添加</ByButton>
          </Card>

          <Card className="flex justify-between items-center mt-3">
            <Text>标准巡检</Text>
            <ByButton size="small" round>添加</ByButton>
          </Card>
        </View>
      </ByPopupBottom>
    </>
  );
};
